<template>
    <div id="app">
        <Header />
        <!-- <Songer /> -->
        <!-- <MusicList /> -->
        <!-- <MusicDetail /> -->
        <!-- <Playlists /> -->
        <Home />
        <Bottom />
        <Musicplay />
    </div>
</template>


<script>
// import Songer from '../src/views/Songer'
// import MusicList from '../src/views/musicList'
// import MusicDetail from '../src/views/musicDetail'
// import Playlists from './views/playlists/index.vue'
import Header from './components/header/index.vue'//
import Home from './views/Home'
import Bottom from './components/bottom'//底部

import Musicplay from './components/musicplay'//音乐控制台

export default {
    name: 'App',
    components: {
        Header,
        // Songer,
        // MusicList,
        // MusicDetail,
        // Playlists,
        Home,
        Bottom,
        Musicplay
    }
}
</script>

<style  scoped>
</style>
